@import "compass/typography/lists/bullets"
@import "compass/typography/lists/horizontal-list"
@import "compass/css3/border-radius"

=overview-icon-48($ident, $icon: $ident)
  ul.overview-list li
    &#overview-#{$ident}, &.#{$ident}
      +icon($icon, 48)

ul.overview-list.level-1
  +no-bullets
  +horizontal-list
  li // All items
    a
      border-bottom: 1px solid black
      display: block
    &#overview-overview
      display: none
  >li
    // Top level
    background: no-repeat 0.4em 0.8em
    // Fix horizontal-list to not drop padding in first and last item
    &, .first, &:first-child, .last, &:last-child
      padding-left: 60px
      padding-right: 40px
    min-height: 58px
    +border-radius($border_radius)
    background-color: #f6f6f6
    border: 1px solid #e4e4e4
    color: #505050
    margin: 1em
    padding-top: 0.8em
    padding-bottom: 0.8em
    width: 20%
  // Level > 1
  ul
    margin-top: 5px
    li
      display: block
      float: none
      padding-left: 0px
      width: inherit
      min-height: 1em
      a
        border-bottom: none
